/*
  学习目标：jsx插值表达式-基本数据类型
  语法: {表达式}
  基本数据类型: string number  null undefined boolean
  引用数据类型: 对象 数组 函数
  其它: 三元表达式, 逻辑且, JSX
  
   
*/

import React from 'react';
import ReactDOM from 'react-dom';

const title = 'hello React';

const ulNode2 = (
  <div>
    {/* 1. 数字 和 字符串, 正常显示 */}
    <h1>{title}</h1>
    <h2>{81}</h2>
    {/* 2. 💥null undefined boolean 不会显示在界面上*/}
    <h3>{null}</h3>
    <h3>{undefined}</h3>
    <h3>{true}</h3>
    <h3>{false}</h3>
  </div>
);

ReactDOM.render(ulNode2, document.getElementById('root'));
